@import "./default.scss";
@import "./icon.scss";
@import "./base.scss";
@import "./mixin.scss";
@import "./root.scss";
@import './transition.scss';
@mixin base-scrollbar {
  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: mix($base-color-white, $base-menu-background, 90%);
    border: 3px solid transparent;
    border-radius: 7px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: mix($base-color-white, $base-menu-background, 80%);
  }
}
* {
  box-sizing: border-box;
  outline: none !important;
  @include base-scrollbar;
}
html,body{
  background: #000d2f;
  background-image: url('~@/assets/index/bodybg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.searchcontent {
  background: rgba(255, 255, 255, 0.1);
  padding: 20px 15px 0 15px;
  margin-bottom: 13px;
}
.el-scrollbar__view>[class*=-container]{
  padding: 20px;
}
.el-scrollbar__view>.xtgl-container{
  padding: 0;
}
.el-scrollbar__view>.iframe-container{
  padding: 0;
}
.layouts-container{
  color: $uni-text-color;
}
.Zheader-container{
  background: $z-bg-color;
  width: 100%;
  height: $header-height;
  @include flex;
  justify-content: space-between;
  padding: 0 15px;
}
.station-container{
  
  padding: 20px;
}
.zmenu-container{
  position: absolute;
  top: $header-height;
  left: 0;
  bottom: 0;
  width: $z-menu-width;
  background: rgba($color: #ffffff, $alpha: 0.05);
}
.zappmain-container{
  position: absolute;
  top: $header-height;
  left: $z-menu-width;
  bottom: 0;
  right: 0;
  width: auto;
}
.padding1015{
  padding: 10px 15px;
}
.baseflex{
  @include flex;
}
.pointer{
  cursor:pointer;
}